表全体と見出しセルの書式を指定する


表のデザイン

月日会議室A会議室B会議室C
12月4日×××
12月5日×
12月6日
12月7日×
12月8日×



▼ソース
<HTML>
<HEAD>
<TITLE>魅せるホームページ作成講座</TITLE>
<STYLE type="text/css">
TABLE{
  background-color:#009900;
  border:12px #FFCC00 ridge;
  border-collapse:collapse;
}
TH{
  background-color:#009900;
  border-left:1px #FFFFFF dashed;
  padding:10px;
  font-size:16pt;
  font-weight:bold;
  color:#FFFFFF;
}
</STYLE>
</HEAD>
<BODY>
<H1>表のデザイン</H1>
<TABLE>
<TR><TH>月日</TH><TH>会議室A</TH><TH>会議室B</TH><TH>会議室C</TH></TR>
<TR><TD>12月4日</TD><TD>×</TD><TD>×</TD><TD>×</TD></TR>
<TR><TD>12月5日</TD><TD>○</TD><TD>×</TD><TD>○</TD></TR>
<TR><TD>12月6日</TD><TD>○</TD><TD>○</TD><TD>○</TD></TR>
<TR><TD>12月7日</TD><TD>○</TD><TD>×</TD><TD>○</TD></TR>
<TR><TD>12月8日</TD><TD>×</TD><TD>○</TD><TD>○</TD></TR>
</TABLE>
</BODY>
</HTML>

PCpylg}Wz O~yz Yahoo yV NTT-X Store

z[y[W NWbgJ[h COiq [ COsI COze